<template>
  <ul class="footer-container">
    <li>花开花落终有时，相逢相聚本无意</li>
    <li>
      <a style="color: #fff;text-decoration: none" target="_blank"
         href="https://beiancx.miit.gov.cn/#/Integrated/index">
        ©浙ICP备2023002045号
      </a>
    </li>
    <li>谢谢你途经我的小宇宙 愿我们都能在各自的轨道上，闪闪发亮</li>
    <li>©2025 zhiheng.lu | 嘉兴</li>
  </ul>

</template>

<script setup lang="ts">
</script>

<style scoped lang="less">
.footer-container {
  list-style: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 15px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  background-image: url('@/assets/img/home-bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;

  margin: 0;
  // margin-top: 30px;

  /* 添加背景色，提高文本可读性 */
  background-color: rgba(0, 0, 0, 0.1);
  /* 混合背景图和背景色 */
  background-blend-mode: overlay;

  li {
    margin-top: 5px;
    color: #fff;
  }

  li:first-child {
    font-size: 18px;
    font-weight: bold;
  }
}
</style>